<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="../library/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../library/jstree/themes/default/style.min.css">
    <link rel="stylesheet" href="./style/index.css">
    <link rel="stylesheet" href="style/toggle-button.css">
    <link rel="stylesheet" href="../webFonts/iconfont.css">
    <link rel="stylesheet" href="style/department.css">
    <title>十八度灰</title>
</head>
<body>
<article id="neutrey">
    <aside id="favor" class="opened">
        <ul>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
            <li>
                <span class="favor_icon">&#x263a;</span>
                <span class="favor_text">十八度灰</span>
            </li>
        </ul>
    </aside>
    <article id="main" class="opened">
        <header id="description">
            <section class="left_part">
                <figure id="logo"></figure>
                <div id="menu">
                    <div id="home"  class="category_title">
                        <span>总揽</span>
                    </div>
                    <div id="category">
                        <div class="category_title">
                            <span>功能</span>
                            <span class="icon">&#x2228;</span>
                        </div>
                        <section id="sub_menu">
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>商品</em>
                                </dt>
                                <dd>
                                    <a href="./commodity-manage.html" class="product_link_item">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品管理</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./commodity-category-manage.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品品类</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./product-brand.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品品牌</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./features.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品属性</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./commodity-fabric.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>商品面料</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./customize-generation.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>年龄段</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>店柜和员工</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="./department.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>组织架构</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./users-manage.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>用户管理</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./regional-division.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>区域划分</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>客户</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="./customer-information.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>客户信息</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="./complaints.html">
                                        <i class="icon">&#x263a;</i>
                                        <span>客户投诉</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>平台功能</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                            </dl>
                            <dl class="product_list">
                                <dt class="product_title">
                                    <em>平台功能</em>
                                </dt>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                                <dd>
                                    <a class="product_link_item" href="#">
                                        <i class="icon">&#x263a;</i>
                                        <span>云服务器</span>
                                    </a>
                                </dd>
                            </dl>
                        </section>
                    </div>
                </div>
            </section>
            <section class="right_part">
                <span>个人</span>
                <span>修改密码</span>
                <span>退出</span>
            </section>
        </header>
        <section id="content">
            <div id="collapse" class="opened">
                <<
            </div>
            <article class="container-fluid department_manage">
                <aside class="tree_content_department">
                    <h2 class="panel_header">组织架构</h2>
                    <nav id="container-nav-content"
                         class="panel_body jstree jstree-1 jstree-default" role="tree"
                         aria-multiselectable="true" tabindex="0" aria-activedescendant="1" aria-busy="false">
                        <ul class="jstree-container-ul jstree-children jstree-wholerow-ul jstree-no-dots" role="group">
                            <li role="treeitem" aria-selected="true" aria-level="1" aria-labelledby="1_anchor"
                                aria-expanded="true" class="jstree-node  jstree-last jstree-open" id="department_1">
                                <div unselectable="on" role="presentation"
                                     class="jstree-wholerow jstree-wholerow-clicked">&nbsp;</div>
                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                <a class="jstree-anchor" href="#" tabindex="-1" id="1_anchor">
                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i><span>腾讯通开发</span>
                                </a>
                                <ul role="group" class="jstree-children">
                                    <li role="treeitem" aria-selected="false" aria-level="2"
                                        aria-labelledby="aca047166e2748ec8e4597c4f0aceb33_anchor"
                                        aria-expanded="true"
                                        id="aca047166e2748ec8e4597c4f0aceb33" class="jstree-node jstree-closed">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                           id="aca047166e2748ec8e4597c4f0aceb33_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>内测体验
                                        </a>
                                        <ul role="group" class="jstree-children">
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="6958aada403e42af83a3844714078e33_anchor"
                                                id="6958aada403e42af83a3844714078e33" class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1"
                                                   id="6958aada403e42af83a3844714078e33_anchor">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>开发测试组
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="c0c5567cdf474df8b9565bd641615c10_anchor"
                                                aria-expanded="true" id="c0c5567cdf474df8b9565bd641615c10"
                                                class="jstree-node jstree-closed">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1"
                                                   id="c0c5567cdf474df8b9565bd641615c10_anchor">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>腾讯通体验组
                                                </a>
                                                <ul role="group" class="jstree-children">
                                                    <li role="treeitem" aria-selected="false" aria-level="4"
                                                        aria-labelledby="f9b7fbce6af5467aaac7312fe66f659e_anchor"
                                                        id="f9b7fbce6af5467aaac7312fe66f659e"
                                                        class="jstree-node  jstree-leaf">
                                                        <div unselectable="on" role="presentation"
                                                             class="jstree-wholerow">&nbsp;</div>
                                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                                           id="f9b7fbce6af5467aaac7312fe66f659e_anchor">
                                                            <i class="jstree-icon jstree-themeicon"
                                                               role="presentation"></i>测试
                                                        </a>
                                                    </li>
                                                    <li role="treeitem" aria-selected="false" aria-level="4"
                                                        aria-labelledby="39faaaf1e80a4febb457ab8273f88efc_anchor"
                                                        id="39faaaf1e80a4febb457ab8273f88efc"
                                                        class="jstree-node  jstree-leaf">
                                                        <div unselectable="on" role="presentation"
                                                             class="jstree-wholerow">&nbsp;</div>
                                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                                           id="39faaaf1e80a4febb457ab8273f88efc_anchor">
                                                            <i class="jstree-icon jstree-themeicon"
                                                               role="presentation"></i>前端开发
                                                        </a>
                                                    </li>
                                                    <li role="treeitem" aria-selected="false" aria-level="4"
                                                        aria-labelledby="5e96aa9daed14b39b980e0d719234fbc_anchor"
                                                        id="5e96aa9daed14b39b980e0d719234fbc"
                                                        class="jstree-node  jstree-leaf">
                                                        <div unselectable="on" role="presentation"
                                                             class="jstree-wholerow">&nbsp;</div>
                                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                                           id="5e96aa9daed14b39b980e0d719234fbc_anchor">
                                                            <i class="jstree-icon jstree-themeicon"
                                                               role="presentation"></i>java开发
                                                        </a>
                                                    </li>
                                                    <li role="treeitem" aria-selected="false" aria-level="4"
                                                        aria-labelledby="11fa4f0e7a5f45cfbdc742412a622b20_anchor"
                                                        id="11fa4f0e7a5f45cfbdc742412a622b20"
                                                        class="jstree-node  jstree-leaf jstree-last">
                                                        <div unselectable="on" role="presentation"
                                                             class="jstree-wholerow">&nbsp;</div>
                                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                                           id="11fa4f0e7a5f45cfbdc742412a622b20_anchor">
                                                            <i class="jstree-icon jstree-themeicon"
                                                               role="presentation"></i>PHP开发组
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="6e945917dc2a40e4a9f7c1a59bc68e30_anchor"
                                                id="6e945917dc2a40e4a9f7c1a59bc68e30" class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1"
                                                   id="6e945917dc2a40e4a9f7c1a59bc68e30_anchor">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>销售体验部
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="5b2542e7f97e4976b5478499b18b9624_anchor"
                                                id="5b2542e7f97e4976b5478499b18b9624" class="jstree-node  jstree-leaf">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1"
                                                   id="5b2542e7f97e4976b5478499b18b9624_anchor">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>融讯体验组
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="5b306bfdd1bd4a25920e06ff1871802d_anchor"
                                                id="5b306bfdd1bd4a25920e06ff1871802d"
                                                class="jstree-node  jstree-leaf jstree-last">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1"
                                                   id="5b306bfdd1bd4a25920e06ff1871802d_anchor">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>感知体验组
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="2"
                                        aria-labelledby="0b8a94a19af14ba99d453457d379af37_anchor"
                                        id="0b8a94a19af14ba99d453457d379af37" class="jstree-node  jstree-leaf">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                           id="0b8a94a19af14ba99d453457d379af37_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>财务部
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="2"
                                        aria-labelledby="0a2c0b0f994248d9ba45c6b93298d16d_anchor" aria-expanded="true"
                                        id="0a2c0b0f994248d9ba45c6b93298d16d" class="jstree-node jstree-closed">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                           id="0a2c0b0f994248d9ba45c6b93298d16d_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>直属单位
                                        </a>
                                        <ul role="group" class="jstree-children">
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="2249dc0744ea409198b63d2e2ee2bab9_anchor"
                                                id="2249dc0744ea409198b63d2e2ee2bab9"
                                                class="jstree-node  jstree-leaf jstree-last">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1"
                                                   id="2249dc0744ea409198b63d2e2ee2bab9_anchor">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>综合办
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="2"
                                        aria-labelledby="35b817e9c91049c499794db03d5546aa_anchor" aria-expanded="true"
                                        id="35b817e9c91049c499794db03d5546aa" class="jstree-node jstree-closed">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                           id="35b817e9c91049c499794db03d5546aa_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>二级部门
                                        </a>
                                        <ul role="group" class="jstree-children">
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="cb11a3db6ca945fda96f0d508fb307e8_anchor"
                                                id="cb11a3db6ca945fda96f0d508fb307e8"
                                                class="jstree-node  jstree-leaf jstree-last">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i><a
                                                    class="jstree-anchor"
                                                    href="#"
                                                    tabindex="-1" id="cb11a3db6ca945fda96f0d508fb307e8_anchor"><i
                                                    class="jstree-icon jstree-themeicon" role="presentation"></i>社团办</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="2"
                                        aria-labelledby="f4192babc967465cbd0efa5e7c838057_anchor" aria-expanded="true"
                                        id="f4192babc967465cbd0efa5e7c838057" class="jstree-node jstree-closed">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                           id="f4192babc967465cbd0efa5e7c838057_anchor">
                                            <i class="jstree-icon jstree-themeicon"
                                               role="presentation"></i>客户体验
                                        </a>
                                        <ul role="group" class="jstree-children">
                                            <li role="treeitem" aria-selected="false" aria-level="3"
                                                aria-labelledby="9b691df38dc74f7e98e80c3cc9a0d12e_anchor"
                                                aria-expanded="true" id="9b691df38dc74f7e98e80c3cc9a0d12e"
                                                class="jstree-node  jstree-last jstree-closed">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1"
                                                   id="9b691df38dc74f7e98e80c3cc9a0d12e_anchor">
                                                    <i class="jstree-icon jstree-themeicon"
                                                       role="presentation"></i>上海沁灿
                                                </a>
                                                <ul role="group" class="jstree-children">
                                                    <li role="treeitem" aria-selected="false" aria-level="4"
                                                        aria-labelledby="491877f18368460f810e6f12b6701daa_anchor"
                                                        id="491877f18368460f810e6f12b6701daa"
                                                        class="jstree-node  jstree-leaf">
                                                        <div unselectable="on" role="presentation"
                                                             class="jstree-wholerow">&nbsp;</div>
                                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                                           id="491877f18368460f810e6f12b6701daa_anchor">
                                                            <i class="jstree-icon jstree-themeicon"
                                                               role="presentation"></i>研发部
                                                        </a>
                                                    </li>
                                                    <li role="treeitem" aria-selected="false" aria-level="4"
                                                        aria-labelledby="6d7479c86be0404a87b036e5f4340329_anchor"
                                                        id="6d7479c86be0404a87b036e5f4340329"
                                                        class="jstree-node  jstree-leaf">
                                                        <div unselectable="on" role="presentation"
                                                             class="jstree-wholerow">&nbsp;</div>
                                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                                           id="6d7479c86be0404a87b036e5f4340329_anchor">
                                                            <i class="jstree-icon jstree-themeicon"
                                                               role="presentation"></i>设计部
                                                        </a>
                                                    </li>
                                                    <li role="treeitem" aria-selected="false" aria-level="4"
                                                        aria-labelledby="df4e4ff948274593bf8d90c9d11f0237_anchor"
                                                        id="df4e4ff948274593bf8d90c9d11f0237"
                                                        class="jstree-node  jstree-leaf">
                                                        <div unselectable="on" role="presentation"
                                                             class="jstree-wholerow">&nbsp;</div>
                                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                                           id="df4e4ff948274593bf8d90c9d11f0237_anchor">
                                                            <i class="jstree-icon jstree-themeicon"
                                                               role="presentation"></i>销售部
                                                        </a>
                                                    </li>
                                                    <li role="treeitem" aria-selected="false" aria-level="4"
                                                        aria-labelledby="c012cb4715a54df6a96ef85d2e1c29db_anchor"
                                                        id="c012cb4715a54df6a96ef85d2e1c29db"
                                                        class="jstree-node  jstree-leaf">
                                                        <div unselectable="on" role="presentation"
                                                             class="jstree-wholerow">&nbsp;</div>
                                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                                           id="c012cb4715a54df6a96ef85d2e1c29db_anchor">
                                                            <i class="jstree-icon jstree-themeicon"
                                                               role="presentation"></i>后勤部
                                                        </a>
                                                    </li>
                                                    <li role="treeitem" aria-selected="false" aria-level="4"
                                                        aria-labelledby="66a63536e93f469fa38fdf8ad6199bce_anchor"
                                                        id="66a63536e93f469fa38fdf8ad6199bce"
                                                        class="jstree-node  jstree-leaf">
                                                        <div unselectable="on" role="presentation"
                                                             class="jstree-wholerow">&nbsp;</div>
                                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                                           id="66a63536e93f469fa38fdf8ad6199bce_anchor">
                                                            <i class="jstree-icon jstree-themeicon"
                                                               role="presentation"></i>财务部
                                                        </a>
                                                    </li>
                                                    <li role="treeitem" aria-selected="false" aria-level="4"
                                                        aria-labelledby="50919d189b6e47b79ef5e563970bf2a8_anchor"
                                                        id="50919d189b6e47b79ef5e563970bf2a8"
                                                        class="jstree-node  jstree-leaf jstree-last">
                                                        <div unselectable="on" role="presentation"
                                                             class="jstree-wholerow">&nbsp;</div>
                                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                                           id="50919d189b6e47b79ef5e563970bf2a8_anchor">
                                                            <i class="jstree-icon jstree-themeicon"
                                                               role="presentation"></i>人事部
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="2"
                                        aria-labelledby="3e49675ae11e419a867431a5f55c0714_anchor"
                                        id="3e49675ae11e419a867431a5f55c0714"
                                        class="jstree-node  jstree-leaf jstree-last">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1"
                                           id="3e49675ae11e419a867431a5f55c0714_anchor">
                                            <i class="jstree-icon jstree-themeicon" role="presentation"></i>test
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                    <p class="panel_footer"></p>
                </aside>
                <div class="department_list panel">
                    <div class="panel_header button-group-department">
                        <button class="button-add-member btn btn-default">
                            新增成员
                        </button>
                        <div class="button-group">
                            <button id="ALL" class="active">全部</button>
                            <button id="DISABLE">已禁用</button>
                        </div>
                        <div class="input-group">
                            <input type="text" class="form-control"
                                   placeholder="" id="search_text" />
                            <button class="input-group-addon glyphicon glyphicon-search"></button>
                        </div>
                    </div>
                    <article class="container-fluid panel_body">
                        <div class="panel-body-title row">
                            <div class="selected-member col-md-1">
                                <input type="checkbox" name="checkbox-selected-all"/>
                            </div>
                            <div class="name-member col-md-2">姓名</div>
                            <div class="account-member col-md-2">账号</div>
                            <div class="employee-number-member col-md-2">工号</div>
                            <div class="phone-member col-md-2">手机</div>
                            <div class="email-member col-md-2">邮箱</div>
                            <div class="status-member col-md-1">状态</div>
                        </div>
                        <article class="list" id="member-list">
                            <div class="list-item row">
                                <div class="selected-member col-md-1">
                                    <input type="checkbox" name="checkbox-selected-one"/>
                                </div>
                                <div class="name-member col-md-2">方明</div>
                                <div class="account-member col-md-2">fangming</div>
                                <div class="employee-number-member col-md-2">00010</div>
                                <div class="phone-member col-md-2">15732620645</div>
                                <div class="email-member col-md-2">10001@qq.com</div>
                                <div class="status col-sm-1">
                                    <div class="switch has-switch switch-mini status-argument">
                                        <div class="switch-on switch-animate">
                                            <input type="checkbox" checked name="shift_status_argument"
                                                   class="shift-status-argument"/>
                                            <span class="switch-left switch-mini change-tip">启用</span>
                                            <label class="switch-small switch-mini">&nbsp;</label>
                                            <span class="switch-right switch-mini">禁用</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="list-item row">
                                <div class="selected-member col-md-1">
                                    <input type="checkbox" name="checkbox-selected-one"/>
                                </div>
                                <div class="name-member col-md-2">方明</div>
                                <div class="account-member col-md-2">fangming</div>
                                <div class="employee-number-member col-md-2">00010</div>
                                <div class="phone-member col-md-2">15732620645</div>
                                <div class="email-member col-md-2">10001@qq.com</div>
                                <div class="status col-sm-1">
                                    <div class="switch has-switch switch-mini status-argument">
                                        <div class="switch-on switch-animate">
                                            <input type="checkbox" checked name="shift_status_argument"
                                                   class="shift-status-argument"/>
                                            <span class="switch-left switch-mini change-tip">启用</span>
                                            <label class="switch-small switch-mini">&nbsp;</label>
                                            <span class="switch-right switch-mini">禁用</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="list-item row">
                                <div class="selected-member col-md-1">
                                    <input type="checkbox" name="checkbox-selected-one"/>
                                </div>
                                <div class="name-member col-md-2">方明</div>
                                <div class="account-member col-md-2">fangming</div>
                                <div class="employee-number-member col-md-2">00010</div>
                                <div class="phone-member col-md-2">15732620645</div>
                                <div class="email-member col-md-2">10001@qq.com</div>
                                <div class="status col-sm-1">
                                    <div class="switch has-switch switch-mini status-argument">
                                        <div class="switch-on switch-animate">
                                            <input type="checkbox" checked name="shift_status_argument"
                                                   class="shift-status-argument"/>
                                            <span class="switch-left switch-mini change-tip">启用</span>
                                            <label class="switch-small switch-mini">&nbsp;</label>
                                            <span class="switch-right switch-mini">禁用</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </article>
                        <article class="list" id="member-disables-list" style="display: none;">
                            <div class="list-item row">
                                <div class="selected-member col-md-1">
                                    <input type="checkbox" name="checkbox-selected-one"/>
                                </div>
                                <div class="name-member col-md-2">方明</div>
                                <div class="account-member col-md-2">fangming</div>
                                <div class="employee-number-member col-md-2">00010</div>
                                <div class="phone-member col-md-2">15732620645</div>
                                <div class="email-member col-md-2">10001@qq.com</div>
                                <div class="status col-sm-1">
                                    <div class="switch has-switch switch-mini status-argument">
                                        <div class="switch-on switch-animate">
                                            <input type="checkbox" checked name="shift_status_argument"
                                                   class="shift-status-argument"/>
                                            <span class="switch-left switch-mini change-tip">启用</span>
                                            <label class="switch-small switch-mini">&nbsp;</label>
                                            <span class="switch-right switch-mini">禁用</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </article>
                    </article>
                    <div class="panel_footer">
                        <p>共11条</p>
                    </div>
                    <aside class="aside-slider-content details-member-aside">
                        <h2 class="panel_header">
                            详细资料<span class="glyphicon glyphicon-remove cancel"></span>
                        </h2>
                        <article class="information-personal-details panel_body">
                            <dl class="panel-body-title">
                                <dt><img src="../images/userdetail.png"></dt>
                                <dd>
                                    <div>
                                        <span class="name-member-details"></span>
                                        <span class="iconfont" style="color:#169BD5">&#xe875;</span>
                                    </div>
                                    <div class="account-member-details">fangming</div>
                                </dd>
                            </dl>
                            <ul class="list-group">
                                <li class="list-group-item">
                                    <span>工号</span>
                                    <span>00051</span>
                                </li>
                                <li class="list-group-item">
                                    <span>证件号码</span>
                                    <span>130429199409220311</span>
                                </li>
                                <li class="list-group-item">
                                    <span>手机号</span>
                                    <span>15732620645</span>
                                </li>
                                <li class="list-group-item">
                                    <span>办公电话</span>
                                    <span>+86-10-88456006</span>
                                </li>
                                <li class="list-group-item">
                                    <span>邮箱</span>
                                    <span>861332964＠qq.com</span>
                                </li>
                                <li class="list-group-item">
                                    <span>学历</span>
                                    <span>大专</span>
                                </li>
                                <li class="list-group-item">
                                    <span>生日</span>
                                    <span>1994-09-22</span>
                                </li>
                            </ul>
                        </article>
                        <div class="panel_footer">
                            <button class="button-member-toTop btn btn-default" id="button_top_user" disabled="disabled">置顶</button>
                            <button class="button-member-modify btn btn-default" id="button_update_user">修改</button>
                            <button class="button-member-ban btn btn-default" id="button_disable_user">禁用</button>
                            <button class="button-member-delete btn btn-default" id="button_delete_user">删除</button>
                        </div>
                    </aside>
                </div>
            </article>
        </section>
        <footer id="copyRight">
            Copyright © 2017 - 2018 neutrey.com. All Rights Reserved.
        </footer>
    </article>
    <div class="masking"></div>
    <article class="modal-large container-department-new" style="display: none">
        <h2 class="panel_header" id="create_newdepartment">新建部门
            <span class="iconfont cancel">&#xe616;</span>
        </h2>
        <form class="panel_body" id="create_department_form">
            <ul class="list-group">
                <li class="list-group-item">
                    <div class="input-group">
                        <label for="type">类型</label>
                        <select name="" id="type" class="form-control small-box">
                            <option value="部门" selected>部门</option>
                            <option value="门店">门店</option>
                        </select>
                    </div>
                </li>
                <li class="list-group-item store">
                    <div class="input-group">
                        <label>编号</label>
                        <input type="text" name="" class="form-control small-box" placeholder=""/>
                    </div>
                </li>
                <li class="list-group-item store">
                    <div class="input-group">
                        <label>等级</label>
                        <select name="" class="form-control small-box">
                            <option value="" selected>请选择等级</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                        </select>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label for="name-department-new">
                            名称<span class="mustRequired">*</span>
                        </label>
                        <input type="text" id="name-department-new" class="form-control" name="name_department_new"
                               placeholder="名称不能超过30个字"/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            简称<span class="mustRequired">*</span>
                        </label>
                        <input type="text" class="form-control small-box" name="name_department_new"
                               placeholder=""/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            行政区域
                        </label>
                        <div class="input-group">
                            <select name="" class="form-control sx-box">
                                <option value="" selected>请选择国家</option>
                                <option value="中国大陆">中国大陆</option>
                                <option value="美国">美国</option>
                                <option value="俄罗斯">俄罗斯</option>
                                <option value="加拿大">加拿大</option>
                            </select>
                            <select name="" class="form-control sx-box">
                                <option value="" selected>请选择省份</option>
                                <option value="中国大陆">河北</option>
                                <option value="美国">河南</option>
                                <option value="俄罗斯">山东</option>
                                <option value="加拿大">加拿大</option>
                            </select>
                            <select name="" class="form-control sx-box">
                                <option value="" selected>请选择城市</option>
                                <option value="中国大陆">石家庄</option>
                                <option value="美国">保定</option>
                                <option value="俄罗斯">张家口</option>
                                <option value="加拿大">邢台</option>
                            </select>
                        </div>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            地址
                        </label>
                        <input type="text" class="form-control" name="name_department_new"
                               placeholder=""/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            邮政编码
                        </label>
                        <input type="text" class="form-control small-box" name="name_department_new"
                               placeholder=""/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            电话
                        </label>
                        <input type="text" class="form-control small-box" name="name_department_new"
                               placeholder="+86-10-88456006"/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            电话
                            <span class="mustRequired">(备用)</span>
                        </label>
                        <input type="text" class="form-control small-box" name="name_department_new"
                               placeholder="+86-10-88456006"/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            传真
                        </label>
                        <input type="text" class="form-control small-box" name="name_department_new"
                               placeholder="+86-10-88456006"/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group tree">
                        <span>
                            所属父部门<span class="mustRequired">*</span>
                        </span>
                        <div class="department_member">
                            <div class="iconfont" id="choiceParentDepartment">&#xe627;</div>
                        </div>
                    </div>
                </li>

            </ul>
        </form>
        <div class="panel_footer text-right">
            <button id="save_next_department" class="btn btn-primary">保存并添加下一个</button>
            <button id="save_department" class="btn btn-primary">保存</button>
            <button class="cancel btn btn-default">取消</button>
        </div>
    </article>
    <article class="modal-large container-member-new" style="display: none;"><!--新建成员html片段-->
        <h2 class="panel_header" id="create_user_h"></h2>
        <form class="panel_body" id="update_user_form">
            <div class="photo-member">
                <img src="">
                <input id="updateAvatar" name="myFiles" type="file"/>
                <button type="button" class="update-img">
                    修改头像
                </button>
            </div>
            <ul class="list-group">
                <li class="list-group-item">
                    <div class="input-group">
                        <label for="name-member-new">姓名<span class="mustRequired">*</span></label>
                        <input id="name-member-new" name="name" type="text" class="form-control"
                               placeholder="" />
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label for="username-member-new">用户名（帐号）<span class="mustRequired">*</span></label>
                        <input id="username-member-new" name="username" type="text" class="form-control"
                               placeholder=""/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label for="gender-member-new">性别</label>
                        <select name="gender_member_new" id="gender-member-new" class="form-control middle-box">
                            <option value="UNKNOWN" selected="selected">请选择</option>
                            <option value="MALE">男</option>
                            <option value="FEMALE">女</option>
                        </select>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label for="jobNum-member-new">工号</label>
                        <input id="jobNum-member-new" name="employee_number" type="text" class="form-control"
                               placeholder=""/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label for="docmentNum-member-new">证件号码 <span class="mustRequired">*</span></label>
                        <input id="docmentNum-member-new" name="id_nu" type="text" class="form-control"
                               placeholder=""/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label for="phone-member-new">手机号<span class="mustRequired">*</span></label>
                        <input id="phone-member-new" name="phone" type="text" class="form-control middle-box"
                               placeholder=""/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label for="officePhone-member-new">办公电话</label>
                        <input id="officePhone-member-new" name="officePhone" type="text" class="form-control middle-box"
                               placeholder="+86-10-88456006"/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label for="email-member-new">邮箱</label>
                        <input id="email-member-new" name="email" type="text" class="form-control"
                               placeholder=""/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <span>所在部门<span class="mustRequired">*</span></span>
                        <div class="department_members" id="department-member-new">
                            <div class="iconfont" id="department_one">&#xe649;</div>
                            <input type="hidden" name="department_member_new" />
                        </div>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label for="duties-member-new">职务</label>
                        <input id="duties-member-new" name="job" type="text" class="form-control middle-box"
                               placeholder=""/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label for="education">学历</label>
                        <select name="education" id="education" class="form-control middle-box">
                            <option value="UNKNOWN" selected="selected">请选择</option>
                            <option value="Primary-school-graduation">小学毕业</option>
                            <option value="Junior-high-school-graduate">初中毕业</option>
                            <option value="Graduated-from-high-school">高中毕业</option>
                            <option value="Secondary-school">中专</option>
                            <option value="College">大专</option>
                            <option value="Undergraduate">本科</option>
                            <option value="master">硕士</option>
                            <option value="doctor">博士</option>
                            <option value="Postdoctoral">博士后</option>
                        </select>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label for="level-member-new">级别</label>
                        <input id="level-member-new" name="level" type="text" class="form-control middle-box"
                               placeholder=""/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>生日</label>
                        <input id="birthday-member-new" name="birthday" type="date" class="form-control middle-box"
                               placeholder="Date of Birth"/>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label>
                            <span>状态</span>
                        </label>
                        <div id="member_status">
                            <div class="switch has-switch switch-mini status-argument">
                                <div class="switch-on switch-animate">
                                    <input type="checkbox" checked name="shift_status_argument"
                                           class="shift-status-argument"/>
                                    <span class="switch-left switch-mini change-tip">启用</span>
                                    <label class="switch-small switch-mini">&nbsp;</label>
                                    <span class="switch-right switch-mini">禁用</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="list-group-item">
                    <div class="input-group">
                        <label for="remarks-member-new">备注</label>
                        <input id="remarks-member-new" name="remark" type="text" class="form-control small-box"
                               placeholder=""/>
                    </div>
                </li>
            </ul>
        </form>
        <div class="panel_footer text-right">
            <button id="save_next_user" class="btn btn-primary">保存并添加下一个</button>
            <button id="update_user" class="btn btn-primary">保存</button>
            <button class="cancel btn btn-default">取消</button>
        </div>
    </article>
    <article class="modal-large modal-select-department" style="display: none;">
        <h2 class="panel_header">
            选择部门
            <span class="cancel glyphicon glyphicon-remove"></span>
        </h2>
        <form class="panel_body">
            <div class="selected-department"></div>
            <!--部门树-->
            <nav id="container-createUser-tree" class="jstree jstree-2 jstree-default" role="tree"
                 aria-multiselectable="true" tabindex="0" aria-busy="false">
                <ul class="jstree-container-ul jstree-children jstree-wholerow-ul jstree-no-dots" role="group">
                    <li role="treeitem" aria-selected="true" aria-level="1" aria-labelledby="1_anchor"
                        aria-expanded="true"  class="jstree-node  jstree-last jstree-closed" id="1">
                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                            &nbsp;
                        </div>
                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                        <a class="jstree-anchor" href="#" tabindex="-1">
                            <i class="jstree-icon jstree-themeicon" role="presentation"></i>腾讯通开发
                        </a>
                        <ul role="group" class="jstree-children">
                            <li role="treeitem" aria-selected="false" aria-level="2"
                                aria-labelledby="aca047166e2748ec8e4597c4f0aceb33_anchor" aria-expanded="true"
                                class="jstree-node jstree-closed" id="a_1_1">
                                <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                <a class="jstree-anchor" href="#" tabindex="-1" id="a_1_1_anchor">
                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>内测体验
                                </a>
                                <ul role="group" class="jstree-children">
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="6958aada403e42af83a3844714078e33_anchor"
                                        class="jstree-node  jstree-leaf" id="a_2_1">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;
                                        </div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1">
                                            <i class="jstree-icon jstree-themeicon" role="presentation"></i>开发测试组
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="c0c5567cdf474df8b9565bd641615c10_anchor"
                                        aria-expanded="true" class="jstree-node jstree-closed" id="a_2_2">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="a_2_2_anchor">
                                            <i class="jstree-icon jstree-themeicon" role="presentation"></i>腾讯通体验组</a>
                                        <ul role="group" class="jstree-children">
                                            <li role="treeitem" aria-selected="false" aria-level="4"
                                                aria-labelledby="f9b7fbce6af5467aaac7312fe66f659e_anchor"
                                                class="jstree-node  jstree-leaf" id="a_3_1">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>测试
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="4"
                                                aria-labelledby="39faaaf1e80a4febb457ab8273f88efc_anchor"
                                                class="jstree-node  jstree-leaf" id="a_3_2">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>前端开发
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="4"
                                                aria-labelledby="5e96aa9daed14b39b980e0d719234fbc_anchor"
                                                class="jstree-node  jstree-leaf" id="a_3_3">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;
                                                </div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1">
                                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>java开发
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="4"
                                                aria-labelledby="11fa4f0e7a5f45cfbdc742412a622b20_anchor"
                                                class="jstree-node  jstree-leaf jstree-last" id="a_3_4">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1"
                                                >
                                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>PHP开发组
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="6e945917dc2a40e4a9f7c1a59bc68e30_anchor"
                                        class="jstree-node  jstree-leaf" id="a_2_3">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="a_2_3_anchor">
                                            <i class="jstree-icon jstree-themeicon" role="presentation"></i>销售体验部
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="5b2542e7f97e4976b5478499b18b9624_anchor"
                                        class="jstree-node  jstree-leaf" id="a_2_4">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="a_2_4_anchor">
                                            <i class="jstree-icon jstree-themeicon" role="presentation"></i>融讯体验组
                                        </a>
                                    </li>
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="5b306bfdd1bd4a25920e06ff1871802d_anchor"
                                        class="jstree-node  jstree-leaf jstree-last" id="a_3_5">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="a_3_5_anchor">
                                            <i class="jstree-icon jstree-themeicon" role="presentation"></i>感知体验组
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li role="treeitem" aria-selected="false" aria-level="2"
                                aria-labelledby="0b8a94a19af14ba99d453457d379af37_anchor"
                                class="jstree-node  jstree-leaf" id="a_1_2">
                                <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                <a class="jstree-anchor" href="#" tabindex="-1" id="a_1_2_anchor">
                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>财务部
                                </a>
                            </li>
                            <li role="treeitem" aria-selected="false" aria-level="2"
                                aria-labelledby="0a2c0b0f994248d9ba45c6b93298d16d_anchor" aria-expanded="true"
                                class="jstree-node jstree-closed" id="a_1_3">
                                <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                <a class="jstree-anchor" href="#" tabindex="-1" id="a_1_3_anchor">
                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>直属单位
                                </a>
                                <ul role="group" class="jstree-children">
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="2249dc0744ea409198b63d2e2ee2bab9_anchor"
                                        class="jstree-node  jstree-leaf jstree-last" id="a_3_6">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="a_3_6_anchor">
                                            <i class="jstree-icon jstree-themeicon" role="presentation"></i>综合办
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li role="treeitem" aria-selected="false" aria-level="2"
                                aria-labelledby="35b817e9c91049c499794db03d5546aa_anchor" aria-expanded="true"
                                class="jstree-node jstree-closed" id="a_1_4">
                                <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                <a class="jstree-anchor" href="#" tabindex="-1" id="a_1_4_anchor">
                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>二级部门
                                </a>
                                <ul role="group" class="jstree-children">
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="cb11a3db6ca945fda96f0d508fb307e8_anchor"
                                        class="jstree-node  jstree-leaf jstree-last" id="a_3_7">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;
                                        </div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="a_3_7_anchor">
                                            <i class="jstree-icon jstree-themeicon" role="presentation"></i>社团办
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li role="treeitem" aria-selected="false" aria-level="2"
                                aria-labelledby="f4192babc967465cbd0efa5e7c838057_anchor" aria-expanded="true"
                                class="jstree-node jstree-closed" id="a_1_5">
                                <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                <a class="jstree-anchor" href="#" tabindex="-1" id="a_1_5_anchor">
                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>客户体验
                                </a>
                                <ul role="group" class="jstree-children">
                                    <li role="treeitem" aria-selected="false" aria-level="3"
                                        aria-labelledby="9b691df38dc74f7e98e80c3cc9a0d12e_anchor"
                                        aria-expanded="true" class="jstree-node  jstree-last jstree-closed" id="a_3_8">
                                        <div unselectable="on" role="presentation" class="jstree-wholerow">
                                            &nbsp;</div>
                                        <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                        <a class="jstree-anchor" href="#" tabindex="-1" id="a_3_8_anchor">
                                            <i class="jstree-icon jstree-themeicon" role="presentation"></i>上海沁灿
                                        </a>
                                        <ul role="group" class="jstree-children">
                                            <li role="treeitem" aria-selected="false" aria-level="4"
                                                aria-labelledby="491877f18368460f810e6f12b6701daa_anchor"
                                                class="jstree-node  jstree-leaf"  id="a_4_1">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1"
                                                   id="a_4_1_anchor">
                                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>研发部
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="4"
                                                aria-labelledby="6d7479c86be0404a87b036e5f4340329_anchor"
                                                class="jstree-node  jstree-leaf"  id="a_4_2">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1"
                                                   id="a_4_2_anchor">
                                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>设计部
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="4"
                                                aria-labelledby="df4e4ff948274593bf8d90c9d11f0237_anchor"
                                                class="jstree-node  jstree-leaf"  id="a_4_3">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1"
                                                   id="a_4_3_anchor">
                                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>销售部
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="4"
                                                aria-labelledby="c012cb4715a54df6a96ef85d2e1c29db_anchor"
                                                class="jstree-node  jstree-leaf"  id="a_4_4">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;
                                                </div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1"
                                                   id="a_4_4_anchor">
                                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>后勤部
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="4"
                                                aria-labelledby="66a63536e93f469fa38fdf8ad6199bce_anchor"
                                                class="jstree-node  jstree-leaf"  id="a_4_5">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;</div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1"
                                                   id="a_4_5_anchor">
                                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>财务部
                                                </a>
                                            </li>
                                            <li role="treeitem" aria-selected="false" aria-level="4"
                                                aria-labelledby="50919d189b6e47b79ef5e563970bf2a8_anchor"
                                                class="jstree-node  jstree-leaf jstree-last"  id="a_4_6">
                                                <div unselectable="on" role="presentation" class="jstree-wholerow">
                                                    &nbsp;
                                                </div>
                                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                                <a class="jstree-anchor" href="#" tabindex="-1"  id="a_4_6_anchor">
                                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>人事部
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li role="treeitem" aria-selected="false" aria-level="2"
                                aria-labelledby="3e49675ae11e419a867431a5f55c0714_anchor"
                                class="jstree-node  jstree-leaf jstree-last"  id="a_1_6">
                                <div unselectable="on" role="presentation" class="jstree-wholerow">&nbsp;</div>
                                <i class="jstree-icon jstree-ocl" role="presentation"></i>
                                <a class="jstree-anchor" href="#" tabindex="-1"  id="a_1_6_anchor">
                                    <i class="jstree-icon jstree-themeicon" role="presentation"></i>test
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </form>
        <div class="panel_footer text-right">
            <button class="btn btn-primary sure">确定</button>
            <button class="cancel btn btn-default">取消</button>
        </div>
    </article>
    <article class="modal-small container-delete-member" style="display: none;">
        <!--小模态框内容，通过load文件夹contacts-addon内的html片段获取-->
        <h2 class="panel_header">
            删除用户确认
            <span class="iconfont cancel">&#xe616;</span>
        </h2>
        <div class="panel_body">
            <p class="iconfont">&#xe636;</p>
            <p class="text">确定要删除＂xxx＂用户吗？</p>
        </div>
        <div class="panel_footer text-right">
            <button id="delete_user" class="btn btn-primary">确定</button>
            <button class="cancel btn btn-default">取消</button>
        </div>
    </article>
</article>
<script src="../library/jquery-3.1.1.min.js"></script>
<script src="../library/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="../library/jstree/jstree.min.js"></script>
<script src="../scripts/index.js"></script>
<script src="../scripts/department.js"></script>
</body>
</html>